<template>
  <div v-for="(obj, index) in store.state.wordList" :key="index">
    {{ obj.cname }}
    {{ obj.title }}
  </div>
</template>

<script>
import store from "./store/index.js";
import axios from "axios";

export default {
  name: "App",
  data() {
    return {};
  },
  setup(props) {
    let api = "https://api.apiopen.top/api/sentences";

    // 在vite.config.js中配置了代理proxy
    let crossDomainApi = "/api/web201605/js/herolist.json";

    // 请求方法1
    // fetch(api)
    //   .then((res) => {
    //     console.log("1:", res);
    //     return res.json();
    //   })
    //   .then((res) => {
    //     store.setWordList(res.result);
    //     console.log(res.result);
    //   });

    // 请求方法2
    // axios.get(api).then((res) => {
    //   console.log(res.data);
    //   store.setWordList(res.data.result);
    // });

    // 跨域请求
    axios.get(crossDomainApi).then((res) => {
      store.setWordList(res.data);
      console.log(res.data)
    });

    return { store };
  },
  methods: {},
  provide: {
    store,
  },
};
</script>
